<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="__CDN__/assets/less/reset.css">
    <link rel="stylesheet" href="__CDN__/assets/less/common.css">
    <link rel="stylesheet" href="__CDN__/assets/less/Header-Footer.css">
    <link rel="stylesheet" href="__CDN__/assets/less/background_login_register.css">
    <link rel="stylesheet" href="__CDN__/assets/less/personal_center.css">
</head>

<body>
    <!-- 头部复用 -->
    <div class="headerwrapper">
        <div class="header">
            <div class="header-center">
                <div class="header-left">
                    <a href="/index/Index/index.html">
                        <img class="logo" src="__CDN__/assets/images/index/main-logo-2023.svg" alt="">
                    </a>
                </div>
                <div class="header-right">
                    <span class="login-a">登录</span>
                    <span class="register-a">注册</span>
                </div>
                <div class="personal_center">
                    <a href="/index/Index/personal_center.html">个人中心</a>
                    <span class="logout">退出登录</span>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="mainCenter">
            <div class="mainLeft">
                <div class="memberCenterText">会员中心</div>
                <ul>
                    <li class="active">我的订单</li>
                    <li>基本信息</li>
                    <!-- <li>修改密码</li> -->
                </ul>
            </div>
            <div class="main">
                <div class="mainRight1">
                    <div class="rightTop">我的订单</div>
                    <div class="order_filter">
                        
                    </div>
                    <div class="orderWrapper">
                        <!-- <div class="order">
                            <div class="orderTop">
                                <div class="orderTopLeft">
                                    <span></span>
                                    <span>蜗牛订单号:</span>
                                </div>
                                <img src="./images/con01.png" alt="">
                                
                            </div>
                            <div class="orderBottom">
                                <div class="orderDetail">
                                    <div class="orderDetailLeft">
                                        <div><img src="./images/cinima-1.jpg" alt=""></div>
                                        <div class="text">
                                            <h4 class="filmTitle">《盛夏未来》</h4>
                                            <p class="cinema">太平洋影城(北欧知识城店)</p>
                                            <p class="seat">2号厅<span>${splitSeats(element.movie.seats)}</span></p>
                                            <p class="date">今天8月11日22:00</p>
                                        </div>
                                    </div>
                                    <div class="orderDetailRight">
                                        <span>￥</span>
                                        <span>待支付</span>
                                        <div class="btn">
                                            <button>付款</button>
                                            <span>查看详情</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                        <!-- <div class="order"></div> -->
                    </div>
                </div>
                <div class="mainRight2">
                    <div class="rightTop">基本信息</div>
                    <div class="infoWrapper">
                        <div class="info-left">
                            <div><img src="" alt=""></div>
                            <input type="file" id="fileInput" accept="image/*">
                            <!-- <button>更换头像</button> -->
                            <!-- <p>支持JPG,JPEG,PNG格式,且文件需 小于1M</p> -->
                        </div>
                        <table class="info-right">
                            <tbody class="tbody2">
                                <tr>
                                    <td>用户名:</td>
                                    <td><input type="text" class="username_input"><span>昵称不能为空</span></td>
                                </tr>
                                <!-- <tr>
                                    <td>性别:</td>
                                    <td>
                                        <input type="radio" value="男" name="gender" checked>男
                                        <input type="radio" value="女" name="gender">女
                                    </td>
                                </tr>
                                <tr>
                                    <td>生日:</td>
                                    <td>
                                        <select name="" id="">
                                            <option value="1999">1999</option>
                                            <option value="2000">2000</option>
                                        </select>
                                        年
                                        <select name="" id="">
                                            <option value="6">6</option>
                                            <option value="7">7</option>
                                        </select>
                                        月
                                        <select name="" id="">
                                            <option value="30">30</option>
                                            <option value="31">31</option>
                                        </select>
                                        日
                                    </td>
                                </tr>
                                <tr>
                                    <td>生活状态:</td>
                                    <td>
                                        <input type="radio" value="单身" name="life" checked>单身
                                        <input type="radio" value="热恋中" name="life">热恋中
                                        <input type="radio" value="已婚" name="life">已婚

                                    </td>
                                </tr>
                                <tr>
                                    <td>从事行业:</td>
                                    <td>
                                        <select name="" id="">
                                            <option value="信息技术">信息技术</option>

                                        </select>
                                        <select name="" id="">
                                            <option value="前端">前端</option>
                                            <option value="后端">后端</option>
                                            <option value="UI">UI</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td>个性签名:</td>
                                    <td><input type="text"><span>个性签名不能为空</span></td>
                                </tr> -->
                                <tr>
                                    <td class="brace"></td>
                                    <td><button class="userInfo_save_btn">保存</button></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="mainRight3">
                    <div class="rightTop">修改密码</div>
                    <div class="rightBottom">
                        <table>
                            <tbody class="tbody3">
                                <tr>
                                    <td>旧密码:</td>
                                    <td><input type="password"><span>密码不能为空</span><span>旧密码错误</span></td>
                                </tr>
                                <tr>
                                    <td>新密码:</td>
                                    <td><input type="password"><span>密码不能为空</span></td>
                                </tr>
                                <tr>
                                    <td>确认密码:</td>
                                    <td><input type="password"><span>密码不能为空</span><span>与新密码不一致</span></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td><button>保存</button></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="background">
        <div class="baseboard">
            <div class="titles">
                <span>登录</span>
                <span>注册</span>
            </div>
            <div class="dynamicForm">
                <div class="loginForm">
                    <div class="formTop">
                        <div class="phoneWrapper">
                            <input type="text" placeholder="请输入用户名">
                            <p>用户名不能为空</p>
                        </div>
                        <div class="pwdWrapper">
                            <input type="text" placeholder="请输入密码">
                            <p>密码不能为空</p>
                        </div>
                        <!-- <div class="loginIdentify">
                            <div class="identifyWrapper">
                                <div class="identifyMain">
                                    <input type="text" placeholder="请输入验证码">
                                    <div class="identifyBox"></div>
                                    <span>点击刷新</span>
                                </div>
                                <p>验证码错误</p>
                            </div>
                        </div> -->
                        <div class="loginBtn">
                            <button>登录</button>
                        </div>
                    </div>
                    <!-- <div class="formBottom">
                        <div class="loginOption">
                            <div class="optionLeft">
                                <input type="checkbox">
                                <span>下次自动登录</span>
                            </div>
                            <span>忘记密码?</span>
                        </div>
                        <div class="border"></div>
                        <div class="agreement">
                            <input type="checkbox">
                            <span>我已阅读《服务设计启发式线上工具服务协议》</span>
                        </div>
                    </div> -->
                </div>
                <div class="registerForm">
                    <div class="registerFormTop">
                        <div class="registerUsernameWrapper">
                            <input type="text" placeholder="请输入用户名">
                        </div>
                        <div class="registerPhoneWrapper">
                            <input type="text" placeholder="请输入手机号">
                            <p>手机号不能为空</p>
                        </div>
                        <div class="registerPwdWrapper">
                            <input type="text" placeholder="请输入密码">
                            <p>密码不能为空</p>
                        </div>
                        <div class="registerSurePwdWrapper">
                            <input type="text" placeholder="请输入确认密码">
                            <p>确认密码不能为空</p>
                        </div>
                        <!-- <div class="registerIdentify">
                            <div class="identifyWrapper">
                                <div class="identifyMain">
                                    <input type="text" placeholder="请输入验证码">
                                    <div class="identifyBox"></div>
                                    <span>点击刷新</span>
                                </div>
                                <p>验证码错误</p>
                            </div>
                        </div> -->
                    </div>
                    <div class="registerFormBottom">
                        <button>立即注册</button>
                        <p>立即登录</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="close">
            <img src="__CDN__/assets/images/guanbi_03.jpg" alt="">
        </div>
    </div>
    <script src="__CDN__/assets//node_modules/jquery/dist/jquery.min.js"></script>
    <script type="module" src="__CDN__/assets//js/personal_center.js"></script>
</body>

</html>